<script lang="ts" setup>
import CarouselComponents from "@/components/Home/CarouselComponents.vue";
import HomeTitle from '@/components/Home/HomeTitle.vue'
import HomeCard from '@/components/Home/HomeInfoCard.vue'
import HomeHeader from "@/components/Home/HomeHeader.vue";
import EverydayWord from "@/components/Home/EverydayWord.vue";
</script>

<template>
  <div>
    <HomeHeader/>
    <CarouselComponents/>
    <div class="float-container">
      <HomeTitle style="float: left; margin-top: 30px;"/>
      <EverydayWord class="located" style="float: left;"/>
    </div>
    <HomeCard/>
  </div>
</template>

<style scoped>
/* 添加样式 */
.located {
  margin-top: 63px;
  margin-left: 125px;
}

.float-container::after {
  content: "";
  display: table;
  clear: both;
}
</style>
